<template>
  <section class="text-center flex flex-col items-center">
    <h3 class="text-lg mb-3">Looking for more?</h3>
    <p class="text-sm mb-6">
      Try our powerful<!-- -->
      <a class="text-steel-blue" href="/search"
        >food navigation search engine</a
      >
      <!-- -->to find more food for '<!-- -->Sobhna's<!-- -->'
    </p>
    <button
      type="button"
      class="relative flex whitespace-nowrap gap-2 items-center justify-center text-sm py-3 px-7 leading-4 border rounded-3xl shadow-sm font-bold opacity-100 text-white bg-black hover:bg-cape-cod cursor-pointer border-black shadow-sm focus:outline-none"
    >
      <span>Find more food</span>
    </button>
  </section>
</template>

<script>
export default {};
</script>

<style></style>
